	<link rel="stylesheet" href="../Public/css/WeUI/weui.css">

	<div id="toast" style="display: none;">
        <div class="weui_mask_transparent"></div>
        <div class="weui_toast">
            <i id="Toast_icon"></i>
            <p id="weui_toast_content" class="weui_toast_content"></p>
        </div>
    </div>
    
    
    
    <div id="loadingToast" class="weui_loading_toast" style="display: none;">
	<div class="weui_mask_transparent"></div>
	<div class="weui_toast">
		<div class="weui_loading">			
			<!-- :) -->
			<div class="weui_loading_leaf weui_loading_leaf_0"></div>
			<div class="weui_loading_leaf weui_loading_leaf_1"></div>
			<div class="weui_loading_leaf weui_loading_leaf_2"></div>
			<div class="weui_loading_leaf weui_loading_leaf_3"></div>
			<div class="weui_loading_leaf weui_loading_leaf_4"></div>
			<div class="weui_loading_leaf weui_loading_leaf_5"></div>
			<div class="weui_loading_leaf weui_loading_leaf_6"></div>
			<div class="weui_loading_leaf weui_loading_leaf_7"></div>
			<div class="weui_loading_leaf weui_loading_leaf_8"></div>
			<div class="weui_loading_leaf weui_loading_leaf_9"></div>
			<div class="weui_loading_leaf weui_loading_leaf_10"></div>
			<div class="weui_loading_leaf weui_loading_leaf_11"></div>
		</div>
		<p class="weui_toast_content">
			数据加载中
		</p>
	</div>
</div>
<style type="text/css">
	/**
	* toast loading css
	*/
	.weui_toast{
	    z-index: 9999 !important;
	}
	#Toast_icon{ font-size: 50px; margin-bottom: 10px;}
	#Toast_icon:before{ font-size: 65px;}
</style>
<script type="text/javascript">
	/*
	Toast('请选择','warn');
	Toast('成功','success');
	Toast('提示','info');
*/
function toast(msg,type){
	$("#toast #weui_toast_content").html(msg);

	$("#toast #Toast_icon").removeClass();

	switch(type){
		case "warn":
			$("#toast #Toast_icon").addClass("weui_icon_warn");
			break;
		case "warn":
			$("#toast #Toast_icon").addClass("weui_icon_safe_warn");
			break;
		case "success":
		 	$("#toast #Toast_icon").addClass("weui_icon_success");
			break;
		case "success2":
		 	$("#toast #Toast_icon").addClass("weui_icon_toast");
			break;
		case "info":
		 	$("#toast #Toast_icon").addClass("weui_icon_info");
			break;

		default:
			$("#toast #Toast_icon").addClass("weui_icon_info");
	}
	
	$("#toast").show(function(){
		setTimeout(function(){
			$("#toast").hide();
		},1500);
	});
};


function toastLoading(){
	$("#loadingToast").show();
};

function toastClose(){
	$("#loadingToast").hide();
}
</script>